<template>
  <Layout title="置业计划书">
    <template v-slot:right>
      <div class="top-nav__prospectus">
        <a href="javascript:;" @click="adviserVerifyVisible = true">置业顾问验证</a>
      </div>
    </template>
    <router-view></router-view>
    <Drawer to="adviser-verify" title="请验证顾问身份" :open="adviserVerifyVisible" @close="adviserVerifyVisible = false">
      <AutoImage class="qrcode-adviser" src="/static/images/p3.png" :width="556" :height="556" />
    </Drawer>
  </Layout>
</template>
<script>
import Layout from "@/components/Layout";

export default {
  components: { Layout },
  data() {
    return {
      adviserVerifyVisible: false
    };
  }
};
</script>
<style lang="stylus">
.top-nav__prospectus {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 37px;
  box-sizing: border-box;

  a {
    font-size: 60px;
    text-decoration: none;
  }
}

.qrcode-adviser {
  display: block;
  margin: 300px auto 0;
}
</style>